<template>
  <div id="container">
    <router-view />
    <alertdialog v-if="exception.length > 0" />
  </div>
</template>
<script lang="ts">
import { defineComponent, defineAsyncComponent } from "vue";
import { mapState } from "vuex";
const alertdialog = defineAsyncComponent(
  () => import("@/components/AlertDialog.vue")
);
export default defineComponent({
  components: {
    alertdialog,
  },
  computed: {
    ...mapState(["exception"]),
  },
});
</script>

<style>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
</style>
